<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS格式化排版 </title>
    <style type="text/css">
        h2 {
            color: black;
            background: green;
        }

        .p_paiban {
            font-family: "宋体";
        }

        .p_color {
            color: red;
            font-size: 30px;
        }

        span {
            font-weight: bold;
        }

        .p_xiahuaxian a {
            text-decoration: underline;
        }

        .oldPrice {
            text-decoration: line-through;
        }
        p{
            text-indent: 2em;
            line-height: 2em;
        }
        h5{
            word-spacing:50px; /*单词间距设置：*/
            letter-spacing: 10px; /*文字间隔或者字母间隔就*/
        }

    </style>
</head>
<body>

<!--============================分割线===============================-->
<h2> 文字排版--字体</h2>
<p class="p_paiban">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>


<!--============================分割线===============================-->
<h2> 文字排版--字号、颜色</h2>
<p class="p_color">三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。
</p>

<!--============================分割线===============================-->
<h2> 文字排版--粗体</h2>
<p class="p_cuti">三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会<a
        href="http://www.imooc.com">批评</a>我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。
</p>

<!--============================分割线===============================-->
<h2>文字排版--下划线</h2>

<p class="p_xiahuaxian">三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

<!--============================分割线===============================-->
<h2>文字排版--删除线</h2>
<p>原价：<span class="oldPrice">300</span>元 现价：230 元</p>

<!--============================分割线===============================-->
<h2>段落排版--缩进</h2>

<h1>了不起的盖茨比</h1>
<p>1922年的春天，一个想要成名名叫尼克?卡拉威（托比?马奎尔Tobey Maguire
    饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>






<h5>hello world!你好 to hello world!你好 hello world!你好 hello world!你好!</h5>


<h5>hello world!你好 to hello world!你好 hello world!你好 hello world!你好!
    hello world!你好 hello world!你好 to hello world!你好 hello world!你好
    hello world!你好!  hello world!你好 hello world!你好 to hello world!你好
    hello world!你好 hello world!你好!  hello world!你好 hello world!你好 to
    hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    o hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello world!你好
    to hello world!你好 hello world!你好 hello world!你好!  hello world!你好hello
    world!你好 to hello world!你好 hello world!你好 hello world!你好!  hello world!你好</h5>




<!--============================分割线===============================-->
<h2>段落排版--对齐   状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。同样可以设置居左：居右</h2>


<h1 style="text-align: center">了不起的盖茨比</h1>



</body>
</html>